<html>
    <head>
        <meta charset="utf-8">
        <title>3D翻页效果</title>
        <link rel="stylesheet" href="./css/style.css">
        
    </head>
    <body>
        <div class="main">
            <div class="pageGround">
                <div class="page" id="page1">1</div>
                <div class="page" id="page2">2</div>
                <div class="page" id="page3">3</div>
                <div class="page" id="page4">4</div>
                <div class="page" id="page5">5</div>
                <div class="page" id="page6">6</div>
            </div>
        </div>
        <div id="op">
                <a href="javascript:pre();">上一页</a>
                <a href="javascript:next();">下一页</a>
        </div>
        <script type="text/javascript" src="./js/main.js"></script>
    </body>
</html>